<?php
include 'header.php';

?>
	<div class="tbl_conteudo">
            <div class="topo_lista">
                <div class="tema">
                    SUB-EVENTO
                </div>
                
                
                <!-- =============== Área de Pesquisa =================== -->
                
                    <fieldset class="filtro">
                        Status:
                        <select  class="pesquisa" id="selectStatus" name=eventoCombo> <!--onChange=vai(this)-->
                            <option value="">todos</option>   
                            <option value="0">Cursos</option>
                            <option value="1">Mini-Cursos</option>
                            
                        </select>
                         Ordem:
                        <select  class="pesquisa" id="selectOrdem" name=eventoCombo> <!--onChange=vai(this)-->
                            <option value="Descricao">Tema</option>   
                            <option value="Id">Codigo</option>
                            <option value="Data">Data</option>
                        </select>
                        Tema:
                        <input type="text" name="txtPesquisa" class="pesquisa">
                        <input type="submit" id="btPesquisa" value="Listar">
                    </fieldset>
                
                <!-- =============== Fim Área de Pesquisa =================== -->
                
                <div class="btns_topo">
                    <div id="boton">
                        <form action="cursosFormCad.php">
                            <input type="submit" name="button" id="button" value="Novo Sub-Evento">
                        </form>
                    </div>
		</div>
		<div class="clr"></div>	
            </div>
                
		<div class="tabela" >
            <table class="meio" width="100%" cellspacing="2" cellpadding="2">
				<thead>
					<tr>
						<th width="2%">Cod</th>
						<th width="20%">Tema</th>
						<th width="10%">Local</th>
						<th width="10%">Data de Inicio</th>
						<th width="10%">Hora de Inicio</th>
						<th width="10%">Duração</th>
						<th width="10%">Vagas</th>
						<th width="10%">Valor</th>
						<th width="10%">Edição</th>
					</tr>
			</thead>
				<tbody id="dados">
                                    <td></td>
                                    <td>Clique em listar</td>
				 </tbody>
			</table>
                    <div class="rodape_lista" id="rodape">
                </div>
                    
		</div>
			  <div class="clr" id="dados2"></div>
		
	</div>
<?php include 'footer.php';?>

<script type="text/javascript">
    $(function(){
        document.getElementById('btPesquisa').onclick = atualizaTabela;
        
    });
    
    
      function atualizaTabela(){
            //pega o valor do select status
            var status = $('#selectStatus option:selected').val();
            //pega o valor do select ordem
            var ordem = $('#selectOrdem option:selected').val();
            //pega o valor digita no input tema
            var tema = $("input[type=text][name=txtPesquisa]").val();
            //efeito de atualizacao da tabela
            $("#dados").fadeOut(50);
            //passa array dados para a pagina eventosModel com os dados pegados acima e atualiza a tabela e o rodape
            $("#dados").load('cursosModel.php', {'dados[]':[0, status, tema, ordem]});
            $("#rodape").load('cursosModel.php', {'dados[]':[1]});
            $("#dados").fadeIn(1000);
        };
        
       function confirmExclusao(id) {  
        if (confirm("Tem certeza que deseja excluir esse cadastro?" )) {  
            //passa array dados para a pagina eventosModel
            $("#dados2").load('cursosModel.php', {'dados[]':[2 , id]});
            
         }
     }
     
</script>
